<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="images/favicon.png" />
    <title>Bethany - Wedding & Event Planner</title>
    <link href="css/bootstrap.min.css" rel=stylesheet>
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/themify-icons.css" rel="stylesheet">
    <link href="modules/slick/slick.css" rel="stylesheet">
    <link href="modules/slick/slick-theme.css" rel="stylesheet">
    <link href="modules/owl-carousel/owl.carousel.min.css" rel="stylesheet">
    <link href="modules/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
    <link href="modules/magnific-popup/magnific-popup.css" rel="stylesheet">
    <link href="modules/youtubepopup/YouTubePopUp.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- Global site tag (gtag.js) - Google Analytics -->
</head>

<body>
    <!-- Preloader -->
    <div id="bethany-page-loading" class="bethany-pageloading">
        <div class="bethany-pageloading-inner"> 
            <img src="images/logo-dark.png" class="logo" alt=""> 
        </div>
    </div>
    <!-- Navigation Bar -->
    <header>
        <div class="bethany-header-navbar">
            <div class="container bethany-navbar-container">
                <div class="bethany-navigation-wrap bg-light bethany-start-header start-style">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <nav class="navbar navbar-expand-md navbar-light">
                                    <!-- Logo -->
                                    <a class="navbar-brand" href="index.html">
                                        <img src="images/logo-dark.png" alt="">
                                    </a>
                                    <!-- Menu -->
                                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                        <ul class="navbar-nav ml-auto py-4 py-md-0">
                                            <li class="nav-item"> <a class="nav-link" href="index.html">Home</a></li>
                                            <li class="nav-item"> <a class="nav-link" href="about.html">About</a></li>
                                            <li class="nav-item"> <a class="nav-link" href="services.html">Services</a></li>

                                            <li class="nav-item"> <a class="nav-link" href="portfolio.html">Portfolio</a></li>
                                            <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li>
                                            <li class="nav-item active"> <a class="nav-link" href="blog.html">Blog</a> </li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Post Section  -->
    <div class="post-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <img src="images/blog/a.jpg" class="img-responsive" alt="">
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 mt-5">
                    <div class="post-caption">
                        <h3>My Favourite Special Bridesmaid Gifts</h3>
                    </div>
                </div>
            </div>
            <div class="row mb-5">
                <div class="col-md-12">
                    <p>Tristique nisl felis at volutpat erat hendrerit drana. Proin ultricies nibhe dolye maximus scelerisque. Integer molliser faucibus neque nec tincidunt. Aliuam eraolutpat. Praeser tempor maluada quam. Louise ultricies nibh non dolor maximus sceleue. Integer molliser fauci nune etincidunte. Aliquam erat volutpat. Praeser tempor maladi quam nec rutrum arcu ornare sed. Duru egiter ligula at nibh viverra ultricies.</p>
                    <h5>Special Bridemaid Gifts</h5>
                    <ol>
                        <li>Custom Hair Clip</li>
                        <li>Silk Pajamas</li>
                        <li>Beaded Friendship Bracelet</li>
                        <li>Pampering Gift Set</li>
                        <li>Weekend Bag</li>
                        <li>Monogram Necklace</li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 gallery-item">
                    <a href="images/blog/p1.jpg" title="Bridesmaid" class="img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="images/blog/p1.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-detail text-center"> <i class="ti-heart"></i> </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-item">
                    <a href="images/blog/p2.jpg" title="Bridesmaid" class="img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="images/blog/p2.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-detail text-center"> <i class="ti-heart"></i> </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 gallery-item">
                    <a href="images/blog/p3.jpg" title="Bridesmaid" class="img-zoom">
                        <div class="gallery-box">
                            <div class="gallery-img"> <img src="images/blog/p3.jpg" class="img-fluid mx-auto d-block" alt=""> </div>
                            <div class="gallery-detail text-center"> <i class="ti-heart"></i> </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- Post Comment -->
    <div class="section-padding bg-1">
        <div class="container">
            <div class="row">
                <!-- Comment -->
                <div class="col-md-7">
                    <div class="post-comment-wrap">
                        <div class="post-user-comment"> <img src="images/blog/people.png" alt=""> </div>
                        <div class="post-user-content">
                            <h3>Betty Frank<span> 29 October 2021</span></h3>
                            <p>Gift ultricies nibhan non dolor maximus sceleue. Integer mollise the faubs neque tincidunte. Friendship ultricies nibhe dolye maximus scelerisque enteger mollise.</p> <a class="post-repay" href="#">Reply<i class="ti-back-left"></i></a>
                        </div>
                    </div>
                </div>
                <!-- Contact Form -->
                <div class="col-md-7">
                    <h5>Leave a Reply</h5>
                    <form method="post" class="row">

                        <div class="col-md-6">

                            <input type="text" name="name" id="name" placeholder="Name *" required="">
                        </div>

                        <div class="col-md-6">

                            <input type="email" name="email" id="email" placeholder="Email *" required="">
                        </div>

                        <div class="col-md-12">

                            <textarea name="message" id="message" cols="40" rows="4" placeholder="Comment *" required=""></textarea>

                        </div>

                        <div class="col-md-12">
                            <button class="bethany-btn2" type="submit">Post Comment.</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer -->
    <footer class="main-footer dark">
        <div class="container">
            <div class="row">
                <div class="col-md-3 mb-30">
                    <div class="item abot">
                        <div class="logo mb-20">
                            <h2>Bethany</h2>
                        </div>
                        <p>We believe that it is all about the BIG DREAMS and the small details!</p>
                        <div class="social-icon">
                            <a href="index.html"><i class="ti-facebook"></i></a>
                            <a href="index.html"><i class="ti-twitter"></i></a>
                            <a href="index.html"><i class="ti-instagram"></i></a>
                            <a href="index.html"><i class="ti-pinterest"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 offset-md-1 mb-30">
                    <div class="item usful-links">
                        <div class="fothead">
                            <h6>Useful Links</h6>
                        </div>
                        <ul>
                            <li><i class="ti-angle-right"></i> <a href="index.html">About</a></li>
                            <li><i class="ti-angle-right"></i> <a href="index.html">Services</a></li>
                            <li><i class="ti-angle-right"></i> <a href="index.html">Blog</a></li>
                            <li><i class="ti-angle-right"></i> <a href="index.html">Contact</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 mb-30">
                    <div class="item fotcont">
                        <div class="fothead">
                            <h6>Get in touch</h6>
                        </div>
                        <p>+1.123.444.0000</p>
                        <p>info@bethany.com</p>
                    </div>
                </div>
                <div class="col-md-3 mb-30">
                    <div class="item fotcont">
                        <div class="fothead">
                            <h6>Location</h6>
                        </div>
                        <p>Broadway 5 St Normain New York 98499, USA</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="sub-footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <div class="text-left">
                            <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-right-left">
                            <p><a href="#">Terms &amp; Conditions</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- toTop -->
    <a href="index.html#" class="totop">TOP</a>
    <!-- jQuery -->
    <script src="js/plugins/jquery-3.5.1.min.js"></script>
    <script src="js/plugins/bootstrap.min.js"></script>
    <script src="js/plugins/imagesloaded.pkgd.min.js"></script>
    <script src="js/plugins/jquery.isotope.v3.0.2.js"></script>
    <script src="js/plugins/modernizr-2.6.2.min.js"></script>
    <script src="js/plugins/jquery.waypoints.min.js"></script>
    <script src="modules/owl-carousel/owl.carousel.min.js"></script>
    <script src="modules/slick/slick.js"></script>
    <script src="modules/magnific-popup/jquery.magnific-popup.js"></script>
    <script src="modules/masonry/masonry.pkgd.min.js"></script>
    <script src="modules/youtubepopup/YouTubePopUp.js"></script>
    <script src="js/script.js"></script>
</body>
</html>